<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-iso-8859-1">
<LINK REL="Start" HREF="index.html">
<LINK REL="Contents" HREF="toc.html">
<LINK REL="Prev" HREF="815Usingbackgroundimages.html">
<LINK REL="Next" HREF="817UsingcallbacksforPlotmarks.html">
<STYLE TYPE="text/css"><!--
BODY { font-family: serif }
H1 { font-family: sans-serif }
H2 { font-family: sans-serif }
H3 { font-family: sans-serif }
H4 { font-family: sans-serif }
H5 { font-family: sans-serif }
H6 { font-family: sans-serif }
SUB { font-size: smaller }
SUP { font-size: smaller }
PRE { font-family: monospace }
A { text-decoration: none }
--></STYLE>
</HEAD>
<BODY>
<A HREF="toc.html">Contents</A>
<A HREF="815Usingbackgroundimages.html">Previous</A>
<A HREF="817UsingcallbacksforPlotmarks.html">Next</A>
<HR NOSHADE>
<H2><A NAME="8_16">8.16 Using a background gradient</A></H2>
<P> In addition to the background image you can also add a background
 color gradient. This gradient can be covering the entire graph, just
 the plot area or just the margins. This flexibility allows you to
 combine a background image with a background color gradient. You can
 for example use a background image in the plot area and a color
 gradient out in the margins.</P>
<P> You specify a color gradient background by calling the <A href="../ref/Graph.html#_GRAPH_SETBACKGROUNDGRADIENT">
 Graph::SetBackgroundGradient()</A> method. All details are available in
 the class reference (follow the link above). We finally give a quick
 example on what kind of effect you can achieve using this feature.<DIV class="example">
<BR> <A href="exframes/frame_gradbkgex1.html" target="blank"><IMG border="0"
HEIGHT="200"  src="img/gradbkgex1.png" WIDTH="300"></A>
<BR><B>Figure 90:</B> Using a background color gradient with the
 SetBackgroundGradient() method <A href="exframes/frame_gradbkgex1.html" target="blank">
[src]</A>&nbsp;
<P></P>
</DIV></P>
<P></P>
<P> Finally we like to mention that in the &quot;/utils/misc/&quot; directory you
 will find a small utility script called &quot;mkgrad.php&quot;. Running this
 script presents you with a UI that makes it a breeze to create a
 gradient image on it's own.</P>
<P> The UI for the utility is so obvious that we won't discuss it
 further, we just show it below. <IMG alt="The UI for the mkgrad.php utility"
 src="img/"><I> The UI for the mkgrad.php utility</I></P>
<P> In the example below this utility is used to get a more interesting
 plot area.</P>
<P><DIV class="example">
<BR> <A href="exframes/frame_inyaxisex2.html" target="blank"><IMG border="0"
HEIGHT="300"  src="img/inyaxisex2.png" WIDTH="400"></A>
<BR><B>Figure 91:</B> Example of the use of a gradient background <A href="exframes/frame_inyaxisex2.html"
target="blank">[src]</A>&nbsp;
<P></P>
</DIV></P>
<P></P>
<HR NOSHADE>
<A HREF="toc.html">Contents</A>
<A HREF="815Usingbackgroundimages.html">Previous</A>
<A HREF="817UsingcallbacksforPlotmarks.html">Next</A>
</BODY>
</HTML>
